<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>processing-FFT-P5音乐动效</title>
	<meta name="description" content="An exploration of audio visualizers powered by p5.js" />
	<meta name="keywords" content="visualizers, audio, javascript, upload, music, line, web design" />
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<script>
	  document.documentElement.className = 'js';
	</script>
</head>

<body class="demo-1">
	<main class="site-wrapper">
		<header class="codrops-header">
			<h1 class="codrops-header__title">processing-FFT-P5</h1>
			<nav class="demos">
				<a class="demo demo--current" href="index.html">野心-薛之谦</a>
			</nav>
		</header>
		<div class="content main">
			<div class="canvas-wrapper">
				<div id="uploading-animation" class="p5_loading">
					<div class="p5_loading__inner">
						<span></span>
					</div>
				</div>
				<!-- <canvas id="webglcanvas"></canvas> -->
			</div>
		</div>
	</main>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.sound.min.js"></script>
	<script src="js/main1.js"></script>
</body>

</html>